<template>
<div class="centerLeft1_1">
    <div class="title">
        月度满意度趋势
        <span class="unit">单位：%</span>
    </div>
    <Echart :id="id" :options="options" :t="t" height="85%" width="100%"></Echart>
</div>
</template>

<script>
import Echart from '@/common/echart'
export default {
    data() {
        return {
            id: "LEFT_3_1"
        }
    },
    components: {
        Echart,
    },
    props: {
        options: {
            type: Object,
            default: () => ({})
        },
        t: {
            type: String,
            default: '0'
        }
    },
}
</script>

<style lang="scss" scoped>
$box-width: 100%;
$box-height: 100%;

.centerLeft1_1 {
    height: $box-height;
    width: $box-width;
    background-image: url("../../assets/hqrepair/box-1940.png");
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;

    .title {
        font-size: 1.2vw;
        line-height: 2.2vw;
        text-shadow: 2px 1px 0px rgba(0, 31, 61, 0.46);
        text-align: center;
        color: #fff;
        font-family: DingTalk JinBuTi;
        position: relative;

        .unit {
            position: absolute;
            right: 0.8vw;
            font-size: 0.8vw;
            color: #00FFF4;
            font-family: Alibaba_255;
        }
    }
}
</style>
